<link rel="stylesheet" href="__CDN__/assets/addons/shopro/libs/element/element.css">
<style>
    .btn-common {
        line-height: 32px;
        height: 32px;
        cursor: pointer;
        border-radius: 4px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .dialog-footer {
        display: flex;
        justify-content: flex-end;
        padding: 0 30px;
        position: absolute;
        right: 0;
        bottom: 0;
    }

    .back-btn {
        width: 88px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        margin-right: 20px;
        color: #999;
        cursor: pointer;
    }

    .sub-btn {
        width: 88px;
        height: 36px;
        line-height: 36px;
        text-align: center;
        background: #7438D5;
        font-size: 14px;
        color: #fff;
        cursor: pointer;
    }

    [v-cloak] {
        display: none
    }
</style>
<script src="__CDN__/assets/addons/shopro/libs/vue.js"></script>
<script src="__CDN__/assets/addons/shopro/libs/element/element.js"></script>
<script src="__CDN__/assets/addons/shopro/libs/Sortable.min.js"></script>
<script src="__CDN__/assets/addons/shopro/libs/vuedraggable.js"></script>
<script src="__CDN__/assets/addons/shopro/libs/moment.js"></script>
<div id="goodsVipPrice" v-cloak style="height: calc(100vh - 63px);">
    <el-table v-loading="loading" :data="priceData" style="width: 100%">
        <el-table-column prop="sku_name" label="规格" min-width="120"></el-table-column>
        <el-table-column v-for="vip in vipData" :label="vip.name" width="120">
            <el-input slot-scope="scope"
                    type="number"
                    size="mini"
                    placeholder="未设置价格"
                    v-model="scope.row.price['vip_' + vip.level]">
            </el-input>
        </el-table-column>
    </el-table>
    <span slot="footer" class="dialog-footer">
        <div class="back-btn" @click="close">取消</div>
        <div :loading="saveing" class="btn-common sub-btn" @click="save">保存</div>
    </span>
</div>